<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>商城|注册</title>
		<meta content="商城" name="author">
		<meta content="商城" name="Copyright">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta content="商城" name="description">
		<meta content="商城" name="keywords">
		<!--<link rel="stylesheet" type="text/css" href="css/public.css">-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/register.css">
		<link rel="shortcut icon" href="images/favorite.ico">
		<script src="js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<div class="g-wrap">
			<div class="g-header">
				<a href="index.html" class="logo"><img src="images/logo.png" /></a>
				<div class="r"><img src="images/sprite-hash-91639fdc.png"></div>
			</div>
			<div class="g-content" style="background: url(images/loginBg.jpg) no-repeat;height: 600px;">
				<div class="login">
					<div class="form-top-tip">
						<span id="J_head_tip">欢迎注册</span>
						<a class="" href="login.html">已有账号，登录</a>
					</div>
					<div class="form">
						<form>
							<div class="group">
								<label for="name">用户名</label>
								<input class="name" id="name" placeholder="用户名" />
							</div>
							<div class="group">
								<label for="tel">手机号</label>
								<input class="tel" id="tel" placeholder="手机号" />
							</div>
							<div class="group">
								<label for="check">验证码</label>
								<input class="check" id="check" placeholder="验证码" />
								<input type="button" class="checkbtn" value="获取验证码" />
							</div>
							<div class="group">
								<label for="passwd">密码</label>
								<input type="password" class="passwd" id="passwd" placeholder="密码" />
							</div>
							<div class="group">
								<label for="repassword">确认密码</label>
								<input type="password" class="repassword" id="repassword" placeholder="确认密码" />
							</div>
							<input type="submit" class="submit" value="注册" />
						</form>
					</div>
				</div>
			</div>
		</div>
		<script>
			//获取验证码倒计时
			$(".checkbtn").click(function() {
				$(this).attr("disabled", "disabled")
				var timer = null,
					num = 60;
				timer = setInterval(function() {
					num--;
					if(num < 0) {
						$(".checkbtn").val("获取验证码");
						$(".checkbtn")[0].removeAttribute("disabled");
						clearInterval(timer);
					} else {
						//			console.log(num);
						$(".checkbtn").val(num + "s后重新获取");
					}
				}, 1000)
			})
		</script>
	</body>

</html>